import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src')
    }
  },
  // 代理配置：前端开发服务器将所有 /api 请求转发到后台管理服务器 (3002端口)
  // 这样前端商城项目和后台管理项目可以共享数据（用户、商品、订单等）
  // 开发环境：前端代码使用相对路径 /api，Vite 自动代理到 http://localhost:3002
  // 生产环境：需要配置 nginx 或其他服务器进行反向代理
  server: {
    port: 5173,
    open: true,
    proxy: {
      // 代理所有 /api 开头的请求到后端服务器（后端在3002端口，两个前端项目共用）
      '/api': {
        target: 'http://localhost:3002',
        changeOrigin: true,
        secure: false
        // rewrite 可以省略，因为路径不需要改变（后端也是 /api 开头）
      },
      // 代理上传的静态文件
      '/uploads': {
        target: 'http://localhost:3002',
        changeOrigin: true
      }
    }
  }
})
